<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢迎来到职途万里</title>
    <link rel="stylesheet" href="/dev/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/dev/plugins/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/dev/assets/css/job/page/home.css">
    <link rel="icon" href="/dev/assets/img/geek-job/wanli.jpg" type="image/x-icon">
    <!--  首页  -->
</head>

<body>
<div id="nav"></div>
<!-- 快速注册 -->
<div class="fast-register-inner">
    <div class="inner home-inner" style="margin: 0px 105px;">
        <div class="icon-tip">

            <img src="/dev/assets/img/dyr.jpg" style="height: 120px;" alt="">
            <span style="font-size: 32px; color: #fff;">形象代言人 <span style="font-size: 20px;">深夜网易云</span></span>
        </div>
    </div>
</div>
<!-- 搜索 -->
<div class="column-search-panel">
    <div class="inner home-inner">
        <div class="innhead">
            <!-- bootstorp搜索框 -->
            <div class="col-lg-6 searching">
                <div class="input-group">
                    <div class="position-sel" id="position-xiala">
                        <span>职业类型</span>
                        <div style="position: relative;">
                                <span style="position: absolute; right: 0; top: -20px;"
                                      class="glyphicon glyphicon-chevron-down">
                                </span>
                        </div>
                    </div>
<!--                    <input type="text" class="inp" placeholder="搜索职位、公司">-->
                    <input type="text" placeholder="搜索职位、公司" name="" class=" inp" id="ID-dropdown-demo-base-input">
                    <a class="mapping">
                        <span class="glyphicon glyphicon-map-marker" style="color: #acceff;">地图</span>
                    </a>
                    <span>
                            <button type="button" class="sousuo" onclick="sousuo()">
                                <span class="glyphicon glyphicon-search" style="color: #fff;">搜索</span>
                            </button>
                        </span>
                </div><!-- /input-group -->
            </div><!-- /.col-lg-6 -->

            <!-- 职位导航栏 -->
            <div class="head-nav">
                <nav class="navbar-default" style="background: none;" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header navs-head">
                            <a class="navbar-brand" style="color: #757575 !important; font-size: 14px;"
                               href="#">热门职业:</a>
                        </div>
                        <div class="navbar-header">
                            <span class="navs"><a href="#">Java</a></span>
                            <span class="navs"><a href="#">PHP</a> </span>
                            <span class="navs">Android</span>
                            <span class="navs">测试工程师</span>
                            <span class="navs">运维工程师</span>
                            <span class="navs">网络工程师</span>
                            <span class="navs">IT技术支持</span>
                            <span class="navs">数据开发</span>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</div>

<!-- 主题 -->
<div class="main">
    <ul class="layui-nav layui-nav-tree layui-font-18 layui-bg-gray " id="nav-layui"
        style="width: 24%; border-radius: 10px; display: block;margin: 0;">
        <li class="layui-nav-item">
            <div onmouseover="dj(0)" onmouseout="over(0)" class="layui-font-black">互联网/AI
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(1)" onmouseout="over(1)" class="layui-font-black">电子/电气/通信
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(2)" onmouseout="over(2)" class="layui-font-black">产品经理
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(3)" onmouseout="over(3)" class="layui-font-black">运营/客服
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(4)" onmouseout="over(4)" class="layui-font-black">销售
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(5)" onmouseout="over(5)" class="layui-font-black">人力/行政/法务
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <li class="layui-nav-item">
            <div onmouseover="dj(6)" onmouseout="over(6)" class="layui-font-black ">财务/审计/税务
                <span class="glyphicon glyphicon-play layui-font-12" style="position: absolute;right: 6%;top: 40%;">
                    </span>
            </div>
        </li>
        <hr>
        <div class="layui-disabled">
            <li class="layui-nav-item">
                <div class="layui-font-black" style="height: 20px; line-height: 20px; padding-left: 26px;">1/4
                    <button>
                            <span class="glyphicon glyphicon-chevron-left"
                                  style="position: absolute;right: 12%;top: 10%; font-size: 6px;">
                            </span>
                    </button>

                    <button>
                            <span class="glyphicon glyphicon-chevron-right"
                                  style="position: absolute;right: 6%;top: 10%; font-size: 6px;">
                            </span>
                    </button>

                </div>
            </li>
        </div>

    </ul>

    <div class="ggp" id="ggp">
        <div class="zy-title">
            <span>精选职位</span>
            <div class="purpose">
                <img src="/dev/assets/img/tx.jpg" style="width: 28px; border-radius: 50%; ">
                <span style="font-size: 16px;">求职意向：苏州</span>
                <span style="font-size: 16px; padding: 5px 0; color: #acceff;">|</span>
                <span style="font-size: 16px;">Java后端</span>
            </div>
            <hr>
            <ul class="sub-box" style="min-height: 40px; width: 100%;">
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                    </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                        </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                        </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                        </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                        </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="sub-li">
                        <a href="#" class="job-info">
                            <div style="padding: 0 4px; margin-bottom: 5px;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    建云餐饮招聘服务员
                                </p>
                                <p
                                        style="width: 141px;color: black;font-size: 16px;display: inline-block;text-align: right;">
                                    4-8K
                                </p>
                            </div>
                            <div style="margin: 0 20px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        学历不限
                                        </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="#">
                                <p style="display: inline;">建云餐饮</p>
                                <div style="display: inline;float: right;">苏州·工业园区·东景便利中心</div>
                            </a>
                        </div>
                    </div>
                </li>

            </ul>
        </div>
    </div>

    <div class="white-ggp" id="white-ggp">
        <span id="white-ggp-title"></span>
    </div>
</div>

<!-- 热门企业 -->
<div class="firm">
    <div class="firm-head">
        <span>热门企业</span>
    </div>
    <div class="firm-table">
        <ul id="company">
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">建云餐饮</span>
                            <span>已上市|1000-9999人|生活服务</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">建云餐饮招聘厨师</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">7-9K·10086薪</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <button class="two-but">查看更多职位</button>
                        </div>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>


<script src="/dev/plugins/jquery/jquery.min.js"></script>
<script src="/dev/plugins/bootstrap/js/bootstrap.js"></script>
<script src="/dev/plugins/layui/layui/layui.js"></script>
<script src="/dev/assets/js/job/page/home.js"></script>
<script>
    $(function (){
        console.log(localStorage.getItem("id"))
        $.ajax({
            headers:{
                "id":localStorage.getItem("id"),
                "token":localStorage.getItem("token")
            },
            url:"/dev/home/poster",
            type:"get",
            data:{jsId:localStorage.getItem("id")},
            success:function (result){
                if (result.code==200){
                    console.log(result)
                    let poster = document.querySelector(".sub-box")
                    let str = ``
                    for (let i=0;i<result.data.length;i++){
                        str+=`<li>
                    <div class="sub-li">
                        <a href="/dev/views/job/page/boss.html?posId=${result.data[i].posId}&jrId=${result.data[i].jrId}" class="job-info">
                            <div style="padding: 0 8px; margin-bottom: 5px;position: relative;">
                                <p style="color: black;font-size: 16px;display: inline-block;font-weight: bold; ">
                                    ${result.data[i].posName}
                                </p>
                                <p
                                        style="color: black;font-size: 16px;display: inline-block;text-align: right;position: absolute; right: 0;margin-right: 4px">
                                    ${result.data[i].pay}
                                </p>
                            </div>
                            <div style="margin: 0 12px; color: black;">
                                    <span style="background-color: #acceff;border-radius: 5px; padding: 3px;">
                                        ${result.data[i].background}
                                    </span>
                            </div>
                        </a>
                        <div
                                style="padding: 5px; background-color: #acceff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
                            <a href="/dev/views/job/page/jobdetails.html?jrId=${result.data[i].jrId}">
                                <p style="display: inline;">${result.data[i].companyName}</p>
                                <div style="display: inline;float: right;">${result.data[i].posType}</div>
                            </a>
                        </div>
                    </div>
                </li>`
                    }
                    poster.innerHTML=str
                }

            }
        })
        $.ajax({
            headers:{
                "id":localStorage.getItem("id"),
                "token":localStorage.getItem("token")
            },
            url: "/dev/home/company",
            type: "get",
            success:function (result){
                console.log(result)
                if (result.code==200){
                    let company = document.querySelector("#company")
                    let str = ``
                    for (let i=0;i<6;i++){
                        str+=`<li>
                <div class="firm-li">
                    <div class="li-head">
                        <div class="im" style="display: inline-block;">
                            <img src="/dev/assets/img/tx.jpg" style="width: 44px;border-radius: 8px;">
                        </div>
                        <div style="display: inline-block;">
                            <span style="font-size: 20px;">${result.data[i].companyName}</span>
                            <span>${result.data[i].runState}|${result.data[i].employeesQuantity}|${result.data[i].companyType}</span>
                        </div>
                    </div>
                    <div class="li-table">
                        <div class="one" style="padding: 20px;">
                            <span style="font-size: 22px;">${result.data[i].posName}</span>
                            <span style="font-size: 18px; color: red; padding-left: 20%;">${result.data[i].pay}</span>
                        </div>
                        <div class="two" style="padding: 20px;">
                            <a class="two-but" href="/dev/views/job/page/jobdetails.html?jrId=${result.data[i].id}">查看更多职位</a>
                        </div>
                    </div>
                </div>
            </li>`
                    }
                    company.innerHTML=str
                }
            }
        })
    })



</script>
</body>

</html>